import { Component, ViewChild } from '@angular/core';
import { Myc03Component } from './components/myc03/myc03.component';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
})
export class AppComponent {
  title = 'ngpro';
  // @ViewChild('abc') 找#abc的元素 绑定给myc03变量
  // 12版本之后,angular中,默认开启了严格模式,要求变量必须有初始值
  // 变量? 代表此变量允许为undefined,就不会再强制要求给初始值
  @ViewChild('abc') myc03?: Myc03Component;

  doAdd() {
    this.myc03?.say()
    console.log(this.myc03);
    if (this.myc03) {
      this.myc03.num++;
    }
  }
}
